<template>
  <CardMode title="房东信息" more="查看全部" @more="clickMore">
    <div class="content">
      <image
        class="img"
        src="https://img.js.design/assets/smartFill/img235164da709e38.jpeg"
        mode="aspectFill"
      />
      <div class="info">
        <div class="name">某某精品</div>
        <div class="data">
          <div class="tag">
            <wd-icon name="user" size="20rpx"></wd-icon>
            实名认证
          </div>
          <div class="tag jyrz">经营认证</div>
        </div>
      </div>
    </div>
  </CardMode>
</template>
<script setup lang="ts">
import { to } from '@/utils/page'
defineOptions({ name: 'Homeowner' })

const props = defineProps(['hotel'])

function clickMore() {
  console.log('more')
}
</script>
<style lang="scss" scoped>
.content {
  display: flex;
  justify-content: space-evenly;
  .img {
    width: 80rpx;
    height: 80rpx;
    border-radius: 40rpx;
  }
  .info {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    width: 0;
    margin-left: 16rpx;
    .name {
      font-size: 27rpx;
      font-weight: 700;
      line-height: 32rpx;
      color: var(--color1);
      @include text-clamp(1);
    }
    .data {
      display: flex;
      .tag {
        height: 32rpx;
        padding: 0 10rpx;
        margin-top: 6rpx;
        margin-right: 12rpx;
        font-size: 20rpx;
        line-height: 30rpx;
        color: #fff;
        background-color: #07c160;
        border-radius: 6rpx;
        &.jyrz {
          color: #ffc95e;
          background-color: rgba(31, 32, 38, 0.8);
        }
      }
    }
  }
}
</style>
